<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./index.css" />
    <title>Boss直聘首页</title>
</head>
<style></style>

<body>
    <div class="wrapper">
        <div class="header">
            <span class="content">
                <img src="./img/icon_1.png" alt="">
                <span class="nav-left">
                    <a href="#">首页</a href="#">
                    <a href="#">求职</a href="#">
                    <a href="#">扫码登录</a href="#">
                    <a href="#">道具兑换</a href="#">
                </span>
                <span class="nav-right">
                    <span class="android">
                        <img src="./img/icon_2.png" alt=""><a href="">Android</a> </span>
                    <a class="aprt-line"></a href="#">
                    <span class="android">
                        <img src="./img/icon_3.png" alt="">
                        <a href="">iPhone</a> </span>
                </span>
            </span>

        </div>

    </div>
    <div class="body-content-middle">
        <p class="title">Boss直聘新闻和数据实时跟踪</p>
        <img src="./img/banner_button.png" alt="">
    </div>
    <div class="body-content-end">
        <div class="img-wrapper">
            <div class="wrapper-item">
                <div class="title">
                    <span class="text-front-icon"></span>
                    <font>数据报告</font>
                    <a href="" class="but-more">
                        <img src="./img/icon_more.png" alt="" class="but-more">

                    </a>
                </div>
                <img src="./img/top_photo_1.png" alt="" class="show-img">
                <p class="describe">
                    据说为了吸引青年人，苹果正在开发一款类似snapchat
                </p>
                <span class="look-detail"><a href="" class="look-detail-a">查看详情</a></span>

            </div>
            <div class="wrapper-item">
                <div class="title">
                    <span class="text-front-icon"></span>
                    <font>数据报告</font>
                    <a href="" class="but-more">
                        <img src="./img/icon_more.png" alt="" class="but-more">

                    </a>
                </div>
                <img src="./img/top_photo_2.png" alt="" class="show-img">
                <p class="describe">
                    据说为了吸引青年人，苹果正在开发一款类似snapchat
                </p>
                <span class="look-detail"><a href="" class="look-detail-a">查看详情</a></span>

            </div>
            <div class="wrapper-item">
                <div class="title">
                    <span class="text-front-icon"></span>
                    <font>数据报告</font>
                    <a href="" class="but-more">
                        <img src="./img/icon_more.png" alt="" class="but-more">

                    </a>
                </div>
                <img src="./img/top_photo_3.png" alt="" class="show-img">
                <p class="describe">
                    据说为了吸引青年人，苹果正在开发一款类似snapchat
                </p>
                <span class="look-detail"><a href="" class="look-detail-a">查看详情</a></span>

            </div>
        </div>
        <div class="news-report report-wrapper img-wrapper">
            <div class="report-item">
                <img src="./img/top_photo_1_1.jpg" alt="">
                <div class="right">
                    <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                    <font>
                        据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapcha
                        <br>
                        <a href="" class="right-title-a">查看详情</a>
                    </font>

                    <div class="time-location">
                        <span class="time"><font style="color:#69d0cc">尝蒙</font>▪2小时前</span>
                        <span class="addr">交通出行 大公司</span>
                    </div>
                </div>
            </div>
            <div class="report-item">
                <img src="./img/top_photo_3_3.jpg" alt="">
                <div class="right">
                    <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                    <font>
                        据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapcha
                        <br>
                        <a href="" class="right-title-a">查看详情</a>
                    </font>

                    <div class="time-location">
                        <span class="time">
                            <font style="color:#69d0cc">尝蒙</font>▪2小时前
                        </span>
                        <span class="addr">交通出行 大公司</span>
                    </div>
                </div>
            </div>
            <div class="report-item">
                <img src="./img/top_photo_2_2.jpg" alt="">
                <div class="right">
                    <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                    <font>
                        据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapcha
                        <br>
                        <a href="" class="right-title-a">查看详情</a>
                    </font>
                    <div class="time-location">
                        <span class="time"><font style="color:#69d0cc">尝蒙</font>▪2小时前</span>
                        <span class="addr">交通出行 大公司</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="news-hot-wrapper img-wrapper">
            <div class="header">
                <span class="text-front-icon"></span>
                <font>新闻精选</font>
            </div>
            <div class="hot-wrapper-content">
                <div class="hot-right right-wrapper">
                    <div class="report-item">
                        <img src="./img/pic7.jpg" alt="">
                        <div class="right">
                            <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                            <p class="detail">
                                据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapchap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似
                            </p>
                        </div>
                    </div>
                    <div class="report-item">
                        <img src="./img/pic8.jpg" alt="">
                        <div class="right">
                            <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                            <p class="detail">
                                据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapchap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似
                            </p>
                        </div>
                    </div>
                    <div class="report-item">
                        <img src="./img/pic9.jpg" alt="">
                        <div class="right">
                            <h3 class="title">据说为了吸引青年人，苹果正在开发一款类似，snapch</h3>
                            <p class="detail">
                                据说为了吸引青年人，苹果在开ap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似snapchap为了吸引青年人，苹果正在开发一款类似snapcha据说为了吸引青年人，苹果正在开发一款类似
                            </p>
                        </div>
                    </div>

                </div>
                <img class="poster" src="./img/pic10.jpg" alt="">
            </div>

        </div>
    </div>
    <div class="footer">
        <div class="mylink">
            <a href="">首页</a>
            <a href="">BOSS网页版</a>
            <a href="">文章</a>
            <a href="">关于我们</a>
        </div>
        <div class="info">
            <p>Copyright©2016 kanzhun.com京ICP备14013441号-1 京公网安备11010502027210</p>
            <p>kanzhun.com保留所有版权.使用这些服务遵守用户协议</p>

        </div>
    </div>
    </div>
</body>

</html>